<template>
  <el-card shadow="always" style="margin: 20px 0">
    <div class="header">
      <el-tabs v-model="activeName" class="demo-tabs">
        <el-tab-pane label="销售额" name="sale"></el-tab-pane>
        <el-tab-pane label="访问量" name="visit"></el-tab-pane>
      </el-tabs>
      <!-- 右侧解构 -->
      <div class="right">
        <span>今日</span>
        <span>本周</span>
        <span>本月</span>
        <span>本年</span>
      </div>
    </div>
  </el-card>
</template>

<script setup lang="ts">
</script>

<style scoped>
.header {
  position: relative;
}
.right {
  position: absolute;
  right: 0;
  top: 10px;
}
.right span {
  margin: 0 5px;
}
</style>